﻿
<div search_land_searchtransformation_show="true" id="containerTop" class="search-land"
     style="display: block; height: auto;">
    <div class="mjd-header">
        <div class="m_common_container">
            <div class="m_cc_header_inner">
                <header class="jd-header">
                    <div class="jd-header-new-bar">
                        <div id="msCancelBtn" class="jd-header-icon-back J_ping" style="display: block;">
                            <span></span>
                        </div>
                        <div class="jd-header-new-title"></div>
                        <div id="msShortcutLogin" class="jd-header-icon-new-shortcut-text J_ping"
                             style="display:none;">
                            <span>
                                登录
                            </span>
                        </div>
                        <div id="msShortcutMenu" class="jd-header-icon-new-shortcut J_ping" style="display: block;">
                            <span></span>
                        </div>
                    </div>
                </header>
            </div>
            <div class="m-common-header-search">
                <form action="/search/search.action" class="jd-header-search-form">
                    <div class="jd-header-search-box" id="msSearchBox" style="margin-right: 32px;">
                        <i id="search-input-left-jd" class="jd-header-icon-jd"></i>
                        <i id="search-input-left-icon" class="jd-header-icon-fdj"></i>
                        <div class="jd-header-search-input">
                            <input value="" maxlength="20" name="keyword" id="msKeyWord" type="text"
                                   cleardefault="no" autocomplete="off" placeholder="花洒套装" class="hilight2">
                            <input name="catelogyList" type="text" value="" style="display:none;">
                            <div class="head-input-icon J_ping" id="msSearchTab" report-eventid="MSearch_SearchTab"
                                 style="display:none;">
                            </div>
                        </div>
                        <a href="javascript:void(0);" class="jd-header-icon-close" id="msSearchClearBtn"
                           style="display:none;">
                        </a>
                    </div>
                    <a href="javascript:void(0)" style="display: none;" id="msSearchBtn" class="jd-header-icon-search1">
                        <span>
                            搜索
                        </span>
                    </a>
                </form>
            </div>
        </div>
    </div>
    <div id="msContentWraper" style="display: none;">
        <div id="msHistory" class="recent-search" style="display: block;">
            <div class="recent-search-head cf">
                <p>
                    最近搜索
                </p>
                <i id="msHistoryDel" class="garbage-pic"></i>
            </div>
            <div id="msHistoryTags" class="recent-search-tags"></div>
        </div>
        <div id="msClearToast" class="search-toast" style="display:none;">
            <div id="msClearFloor" class="black-floor"></div>
            <div class="ground-toast">
                <div class="toast-content">
                    确定要清空吗?
                </div>
                <div class="toast-btn">
                    <a class="no" id="msClearCancel">
                        取消
                    </a>
                    <a class="sure" id="msClearSure">
                        确定
                    </a>
                </div>
            </div>
        </div>
        <div id="msHotSearch" class="hot-search" style="display: block;">
            <div class="hot-search-head cf">
                <p>
                    热门搜索
                </p>
                <i id="msHotSearchReflash" class="around-pic" style="display:none;"></i>
                <div id="msHotwordVisible" class="hotword_visible">
                    <span>
                        隐藏
                    </span>
                    <span>
                        显示
                    </span>
                </div>
            </div>
            <div id="msHotSearchTags" class="hot-search-tags">
                <div class="s_hasHide">
                    已隐藏搜索发现
                </div>
                <span key="防水胶" ind="1">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move hot-search-red">
                            防水胶
                        </i>
                    </a>
                </span>
                <span key="万宝龙钱包" ind="2">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move hot-search-red">
                            万宝龙钱包
                        </i>
                    </a>
                </span>
                <span key="对讲机" ind="3">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move hot-search-red">
                            对讲机
                        </i>
                    </a>
                </span>
                <span key="进口牛奶" ind="4">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move ">
                            进口牛奶
                        </i>
                    </a>
                </span>
                <span key="榨汁机" ind="5">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move ">
                            榨汁机
                        </i>
                    </a>
                </span>
                <span key="户外急救包" ind="6">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move ">
                            户外急救包
                        </i>
                    </a>
                </span>
                <span key="游戏显卡" ind="7">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move ">
                            游戏显卡
                        </i>
                    </a>
                </span>
                <span key="按摩器" ind="8">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move ">
                            按摩器
                        </i>
                    </a>
                </span>
                <span key="增压花洒喷头" ind="9">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move ">
                            增压花洒喷头
                        </i>
                    </a>
                </span>
                <span key="电脑椅" ind="10">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move ">
                            电脑椅
                        </i>
                    </a>
                </span>
                <span key="风信子种球" ind="11">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move ">
                            风信子种球
                        </i>
                    </a>
                </span>
                <span key="薰衣草精油" ind="12">
                    <a href="javascript:void(0);">
                        <i class="hot-search-move ">
                            薰衣草精油
                        </i>
                    </a>
                </span>
            </div>
        </div>
        <ul id="msKeys" class="association-normal" style="display: none;"></ul>
    </div>
    <div id="msHeaderMask" class="header-mask" style="display:none;"></div>
    <ul id="msShortcut" class="jd-header-vertical-shortcut-v2" style="position: absolute; top: 53px; right: 10px;display:none;">
        <li>
            <a class="J_ping" report-eventid="MCommonHead_home" report-eventparam="https://minicaty-pro.pf.jd.com/index.html"
               href="https://m.jd.com">
                <span class="shortcut-index" style="background: url(https://img10.360buyimg.com/img/jfs/t1/239219/19/1066/443/658a85eaF378ddb95/db1b35af7b1606f1.png) no-repeat center center;background-size: 15px"></span>
                <strong>
                    首页
                </strong>
            </a>
        </li>
        <li>
            <a class="J_ping" report-eventid="MCommonHead_CategorySearch" report-eventparam="https://minicaty-pro.pf.jd.com/index.html"
               href="https://minicaty-pro.pf.jd.com/index.html?swbr=1">
                <span class="shortcut-search" style="background: url(https://img30.360buyimg.com/img/jfs/t1/166832/8/35554/436/658a868bF6e96af4b/5be8456762f22292.png) no-repeat center center;background-size: 15px"></span>
                <strong>
                    分类搜索
                </strong>
            </a>
        </li>
        <li>
            <a class="J_ping" report-eventid="MCommonHead_Cart" report-eventparam="https://minicaty-pro.pf.jd.com/index.html"
               href="https://p.m.jd.com/cart/cart.action?fromnav=1">
                <span class="shortcut-cart" style="background: url(https://img14.360buyimg.com/img/jfs/t1/230588/1/10340/340/658a89d5F1169eaa1/fbcef2698cfe3242.png) no-repeat center center;background-size: 15px"></span>
                <strong>
                    购物车
                </strong>
            </a>
        </li>
        <li>
            <a class="J_ping" report-eventid="MCommonHead_MYJD" report-eventparam="https://minicaty-pro.pf.jd.com/index.html"
               href="https://my.m.jd.com">
                <span class="shortcut-home" style="background: url(https://img12.360buyimg.com/img/jfs/t1/224624/34/10037/604/658a8a70F4b48e59d/df84b619ce6b75cf.png) no-repeat center center;background-size: 15px"></span>
                <strong>
                    我的京东
                </strong>
            </a>
        </li>
        <li>
            <a class="J_ping" report-eventid="MCommonHead_FootPrint" report-eventparam="https://minicaty-pro.pf.jd.com/index.html"
               href="https://gt.m.jd.com/?source=m">
                <span class="shortcut-footprint" style="background: url(https://img13.360buyimg.com/img/jfs/t1/240169/36/1060/579/658a8b97F352131fe/5e8d77ecf89b9925.png) no-repeat center center;background-size: 15px"></span>
                <strong>
                    浏览记录
                </strong>
            </a>
        </li>
    </ul>
</div>
<script>
    const showSearchBar = true
    if (showSearchBar) {
        var containerTopEl = document.getElementById('containerTop');
        var searchTagEnabled = 1
        window.JD.M.smartbox.init({
            smartboxBlock: 'containerTop',
            //inputDomid: 'index_newkeyword',
            shortCutShow: true,
            sf: 'category',
            showCb: function () { //smartbox内容展示时触发
                containerTopEl.style.height = "1000px"
                document.getElementById('commonNav').style.display = "none";
                setTimeout(function () {
                    searchTagEnabled = 0
                }, 50)
            },
            hideCb: function () { //smartbox内容隐藏时触发
                containerTopEl.style.height = "auto"
                searchTagEnabled = 1
                document.getElementById('commonNav').style.display = "";
            },
            clickCb: function (scene, pos, value, subpos) {
                if (scene == 1 && searchTagEnabled === 1) {
                    window.wa('jdClick', {
                        ptag: "137886.6.1"
                    });
                }
            }
        });
    }
</script>